<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>

<body>
    <div class="top">
        <img class="im1" src="img/图层 2.png" alt="">
        <img class="im2" src="img/图层 2(1).png" alt="">
        <ul>
            <li><b>首页</b></li>
            <li><a href="about.html">关于我们 </a></li>
        </ul>
    </div>
    <div class="banner">
        <div class="kj">物联网行业解决方案</div>
        <div class="yw">个性化研发服务、行业方案制定</div>
        <ul>
            <li class="n1">1</li>
            <li>1</li>
            <li>1</li>
        </ul>
    </div>
    <div class="title">
        <span class="caption"><span class="line line-l"></span>产品与服务<span class="line line-r"></span></span>
    </div>
    <div class="content">
        <b>物联网智慧园区软硬件平台</b>
        <p>
            物联网智慧园区软硬件平台通过统一的软件平台对园区内公共区域、各建筑物的电气设备进行自动控制和管理，并对用户提供信息和通信服务。平台集中控制的目的，是通过建立集中控制平台，将暖通空调、给排水、变配电监视、火灾报警、视频监控、防盗报警、门禁管理、电子巡更、公共照明、夜景照明、电梯监视、客流统计、停车管理、信息发布、背景音乐、能耗计量等各智能设备系统的控制管理集成在一个管理界面上，从而实现“集中管理”、“分散控制”、“系统联动”、“优化运行”的目标。
        </p>
        <p>平台采用了先进的层次软件设计结构，利用分布式软件开发成功的一套成熟、稳定可靠的系统。该系统在设计理念、系统运行环境等方面进行了全面优化，使其成为市场中具有较高性能价格比的集成管理的软件产品。</p>
    </div>
    <div class="im3">
        <img src="img/图像 24.png" alt="">
        <img src="img/图像 22.png" alt="">
    </div>
    <b class="bb">物联网大数据平台</b>
    <div class="con1">
        <img class="sj" src="img/111.png" alt="">
        <div class="bty clear">
            <h3>运营推广数据监控</h3>
            <p class="xz clear">实时监控物联设备使用情况及数据，并对异常数据情形进
                行通报，针对积累的设备运行数据，大数据平台将会对数
                据进行定向挖掘和分析，对设备的状态、运行情况、异常
                情况等进行分析与推送，帮助企业了解物联设备实时的状
                态及使用情况。</p>
        </div>
        <div class="btz clear">
            <h3>可视化展示方案</h3>
            <p class="xz clear"> 公司面向物联网行业提供全方位数据服务，从数据获取到
                数据展示，平台将支持一站式数据分析与展示服务，根据
                业务需求、实时数据、累计数据等多方面要素，帮助企业
                生成依托于物联数据的可视化方案，为企业的决策制定提
                供支持。</p>
        </div>
        <img class="zs" src="img/图像 21.png" alt="">
    </div>
    <b class="bc">物联网软件研发服务</b>

    <div class="tu">
        <img src="img/图像 26.png" alt="">
        <img class="im31" src="img/图像 27.png" alt="">
    </div>
    <p class="p3">
        公司针对物联网行业，提供软件研发服务，在过去对物联网解决方案及软硬件的不断探索和挖掘中，公司在物联网行业内已经积累了丰富的经验。
    </p>
    <p class="p3">
        公司目前在物联网行业已与多家不同类型企业开展物联网业务合作，帮助其打造物联网智能管理,管理软硬件产品。针对不同企业的需求，在经过调研后，会帮助其打造个性化的管理软件，建立集中控制平台，实现实体硬件之间以及实体硬件与管理平台的互联，帮助企业更好的掌握硬件情况。
    </p>
    <div class="bot">
        <img class="botm1" src="img/资源 1.png" alt="">
        <img class="botm2" src="img/埃欧梯物联科技 (1).png" alt="">
        <div class="gywm">

            <ul>
                <li class="li1">物联网大数据平台</li>
                <li>物联网智慧园区软硬件平台</li>
                <li>联网大数据平台</li>
                <li>物联网软件研发服务</li>
            </ul>
            <ul>
                <li class="li1">联系我们</li>
                <li>邮箱：135413543@asd.com</li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <p class="p1">埃欧梯物联科技企业信息化 Copyright@2017-2019 YOYOHR.COM AII Right Reserved</p>
        <p class="p2">ICP许可证：鄂B2-20190497</p>
    </div>
</body>

</html>
<style>
    * {
        padding: 0;
        margin: 0;
    }

    .clear:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        overflow: hidden;
    }

    ul {
        list-style-type: none;
    }

    .top {
        width: 100%;
        height: 66px;
    }

    .top ul {
        float: right;
        padding: 21px 26px 21px 0;

    }

    .top ul li {
        float: left;
        margin-right: 44px;
        color: #111111;
        font-size: 18px;
    }

    .top ul li a {
        text-decoration: none;
        font-size: 16px;
        color: #41454D;
        font-family: Microsoft YaHei;
    }

    .im1 {
        padding: 12px 16px 12px 70px;
    }

    .im2 {
        padding: 23px 0 23px 0;
    }

    .banner {
        background-image: url(img/图像\ 6.png);
        width: 100%;
        height: 486px;
        background-size: cover;
    }

    .banner .kj {
        width: 252px;
        height: 37px;
        font-size: 28px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 37px;
        color: #FFFFFF;
        opacity: 1;
        padding: 154px 0 10px 0;
        margin: 0 auto;
    }

    .banner .yw {
        width: 280px;
        height: 26px;
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        line-height: 26px;
        color: #FFFFFF;
        opacity: 1;
        margin: 0 auto;
        font-weight: normal;
    }

    .banner ul {
        width: 128px;
        padding-top: 184px;
        margin: 0 auto;

    }

    .banner ul li:last-child {
        margin-right: 0;
    }

    .banner ul li {
        float: left;
        width: 39px;
        height: 5px;
        background: #9E9E9E;
        opacity: 1;
        margin-right: 5px;
        color: transparent;
    }

    .banner ul .n1 {
        background: #FFFFFF;
    }


    .title {
        position: relative;
        z-index: 2;
        font-size: 36px;
        line-height: 47px;
        text-align: center;
        font-weight: bold;
        color: #080F1A;
        overflow: hidden;
        margin-top: 50px;
    }

    .title .caption {
        position: relative;
        display: inline-block;
    }

    .title .caption .line {
        position: absolute;
        top: 25px;
        width: 366px;
        height: 1px;
        background-color: #707070;
    }

    .title .caption .line-l {
        right: 100%;
        margin-right: 30px;
    }

    .title .caption .line-r {
        left: 100%;
        margin-left: 30px;
    }

    .content {
        width: 808px;
        margin: 0 auto;
    }

    .content b {
        margin-top: 16px;
        display: inline-block;
        width: 808px;
        text-align: center;
        font-size: 20px;
        margin-bottom: 32px;
        color: #080F1A;
    }

    .concon p {
        color: #080F1A;
        font-size: 14px;
        line-height: 24px;
    }

    .im3 {
        margin-top: 50px;
        text-align: center;
    }

    .im3 img {
        width: 398px;
        height: 250px;
        border-radius: 16px;
        margin-bottom: 50px;
    }

    .bb {
        font-size: 20px;
        color: #080F1A;
        width: 160px;
        margin: 0 auto;
        display: block;
    }

    .con1 {
        width: 808px;
        margin: 0 auto;
    }

    .con1 .sj {
        width: 398px;
        height: 250px;
    }

    .con1 .bty {
        float: right;
        margin-top: 51px;
        margin-right: 40px;
    }

    .con1 h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .con1 .xz {
        width: 360px;
        font-size: 14px;
        line-height: 24px;
        color: #080F1A;
    }

    .btz {
        margin-top: 60px;
        float: left;
    }

    .zs {
        margin: 18px 0 10px 17px;
        width: 398px;
        height: 250px;
        border-radius: 16px;
    }

    .bc {
        font-size: 20px;
        color: #080F1A;
        width: 180px;
        margin: 0 auto;
        display: block;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .tu {
        width: 820px;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .tu img {
        width: 398px;
        height: 250px;
        border-radius: 16px;
    }

    .im31 {
        width: 398px;
        height: 213px;
        border-radius: 16px;
        margin-left: 10px;
    }

    .p3 {
        width: 808px;
        color: #080F1A;
        font-size: 14px;
        line-height: 24px;
        margin: 0 auto;
    }

    .bot {
        width: 100%;
        height: 269px;
        background: #083854;
        opacity: 1;
        margin-top: 70px;
    }

    .bot .botm1 {
        width: 50px;
        height: 42px;
        margin: 54px 16px 173px 155px;
        float: left;
    }

    .bot .botm2 {
        width: 155px;
        height: 31px;
        margin: 60px 250px 178px 0;
        float: left;
    }

    .bot .gywm ul {
        float: left;
    }

    .bot .gywm ul .li1 {
        font-size: 18px;
        font-weight: bold;
        margin: 60px 188px 20px 0;
        color: #FFFFFF;
    }

    .bot .gywm li a {
        text-decoration: none;
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #8B8F99;
    }

    .bot .gywm li {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #8B8F99;
        line-height: 19px;
        margin-bottom: 18px;
    }

    .footer {
        color: #8B8F99;
        font-size: 14px;
        width: 100%;
        height: 138px;
        background: #083854;
        opacity: 1;
        border-top: 1px solid #8B8F99;
    }

    .footer .p1 {
        width: 560px;
        line-height: 19px;
        padding-top: 40px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .footer .p2 {
        width: 181px;
        margin: 0 auto;
    }
</style>